<template>
  <view class="order-delivery-fee">
    <view class="delivery-fee__item">
      <view class="label">
        <text>打包费</text>
      </view>
      <view class="value">
        <text>￥{{ boxFee||0|formatPrice }}</text>
      </view>
    </view>
    <view class="delivery-fee__item">
      <view class="label">
        <text>外送费</text>
      </view>
      <view class="value">
        <text>￥{{ deliveryFee||0|formatPrice }}</text>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    boxFee: {
      type: [String, Number],
      default() {
        return "2.00";
      }
    },
    deliveryFee: {
      type: [String, Number],
      default() {
        return "2.00";
      }
    }
  }
};
</script>

<style lang="scss" scoped>
$padding-left: 50rpx;
$padding-top: 20rpx;
$font-size-base: $uni-font-size-lg;
$font-size-ms: $uni-font-size-base;
.order-delivery-fee {
  .delivery-fee__item {
    display: flex;
    justify-content: space-between;
    font-size: $uni-font-size-base;
  }
}
</style>